<!DOCTYPE html>
<ui:composition template="/masterWeb.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<ui:define name="content">
		<table>
			<tr>
				<td Style="width: 150px"></td>
				<td><a href="/EventosCompartidos/template/modelo/MiEvento.xhtml"><p:graphicImage url="/resources/imagenes/mievento.jpg" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='200';" onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity='10';"/></a></td>
				<td><a href="/EventosCompartidos/template/modelo/ListaInvitados.xhtml"><p:graphicImage url="/resources/imagenes/Invitados.jpg" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='200';" onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity='10';"/></a></td>
				<td><a href="/EventosCompartidos/template/modelo/pagina_en_construccion.xhtml"><p:graphicImage url="/resources/imagenes/Mesas.jpg" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='200';" onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity='10';"/></a></td>
				<td><a href="/EventosCompartidos/template/modelo/ServiciosWeb.xhtml"><p:graphicImage url="/resources/imagenes/servicios.jpg" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='200';" onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity='10';"/></a></td>
				<td><a href="/EventosCompartidos/template/modelo/MenusWeb.xhtml"><p:graphicImage url="/resources/imagenes/Menus.jpg" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='200';" onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity='10';"/></a></td>
				<td><a href="/EventosCompartidos/template/modelo/BebidasWeb.xhtml"><p:graphicImage url="/resources/imagenes/Bebidas.jpg" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='200';" onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity='10';"/></a></td>
				<td><a href="/EventosCompartidos/template/modelo/PresupuestoWeb.xhtml"><p:graphicImage url="/resources/imagenes/Presupuesto.jpg" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='200';" onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity='10';"/></a></td>

				<td Style="width: 150px"></td>
			</tr>

		</table>


		<h:form id="form">

			<p:growl id="msgs" showDetail="true" life="1000" />
			<p:graphicImage url="/resources/imagenes/misinvitados.jpg" />
			<p:dataTable id="tablaDT" var="inv" value="#{invitadosWebBean.listaInvitados}" selection="#{invitadosWebBean.invitadoSelected}" 
		rowKey="#{inv.idInvitado}"
        					style="width:100%" rows="5" paginator="true"
					paginatorPosition="bottom"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}">
        <f:facet name="header">
            Listado de Invitados
        </f:facet>
        <p:column selectionMode="single" style="width:16px;text-align:center"/>
                   <p:column headerText="Invitado" style="text-align:left">
						<h:outputText value="#{inv.nombre}" />
					</p:column>
					
					<p:column headerText="Mesa" style="text-align:left">
						<h:outputText value="#{inv.mesa.nombreMesa}" />
					</p:column>
					
					<p:column headerText="Menu" style="text-align:left">
					           <h:outputText value="#{inv.menu.nombre}" />
					</p:column>
					
			
					<p:column headerText="Estado" style="text-align:left">
								<h:outputText value="#{inv.estadoinvitado.nombreEstado}" />
					</p:column>	
					 <f:facet name="footer">
           <p:commandButton value="Nuevo" icon="ui-icon-document" type="button"
					onclick="PF('dlg').show();" />    </f:facet>
					
        <f:facet name="footer">
            <p:commandButton process="tablaDT" update=":#{p:component('invDetail')}" icon="ui-icon-search" value="Detalle" oncomplete="PF('invDialog').show()" />
        </f:facet>
       
    </p:dataTable>
    
    
<!--    			<p:dialog header="Nuevo Invitado" widgetVar="dlg" modal="false" height="300"> -->
<!-- 				<p:panel id="basic" style="width:400px"> -->

					
<!-- 					<h:panelGrid columns="2" cellpadding="2"> -->
<!-- 						<h:outputLabel for="nomInvitado" value="Nombre:" /> -->
<!-- 						<p:inputText id="nomBebida" required="true" label="Nombre: " /> -->
						
<!-- 						<h:outputLabel for="apeInvitado" value="Apellido:" /> -->
						
<!-- 						<p:inputText id="apeInvitado" required="true" label="Apellido:"/> -->
																	
<!-- 						<h:outputLabel for="mesaInvitado" value="Mesa:" /> -->
<!-- 						<p:inputText id="mesaInvitado" required="true" label="Mesa"	 /> -->
						
						
<!-- 						<h:outputText value="#{invitadosWebBean.invitadoSelected.estadoinvitado.nombreEstado}" /> -->
<!--               </h:panelGrid> -->
<!--                 <h:panelGrid columns="2" cellpadding="2"> -->
<!-- 						<h:outputLabel value="Estado invitado:" /> -->
<!-- 						<p:selectOneMenu id="comboEstadoInvitado" -->
<!-- 							converter="estadoInvitadoConverter" -->
<!-- 							value="#{invitadosWebBean.estadoInvitadoSelected}" effect="fade" var="c" -->
<!-- 							filter="true" filterMatchMode="startsWith" -->
<!-- 							style="width:150px"> -->

<!-- 							<f:selectItems var="car" value="#{invitadosWebBean.listaEstadosInvitados}" -->
<!-- 								itemLabel="#{car.nombreEstado}" itemValue="#{car}" /> -->
<!-- 							<p:column> -->
<!-- 								<h:outputText value="#{c.nombreEstado}" /> -->
<!-- 							</p:column> -->
<!-- 						</p:selectOneMenu> -->
						
<!-- 					</h:panelGrid> -->
<!-- 					<p:separator id="separator" /> -->
					
<!-- 					<p:commandButton value="Guardar" /> -->
			
								
		

					
<!-- 				</p:panel> -->
<!-- 			</p:dialog> -->
    
		
    <p:dialog id="invDetail" header="Detalle del Propietario" widgetVar="invDialog" modal="false" showEffect="fade" hideEffect="fade" resizable="false">
        <p:outputPanel  style="text-align:center;">
            <p:panelGrid  columns="2" columnClasses="label,value">
 
                <h:outputText value="Invitado" />
                <h:outputText value="#{invitadosWebBean.invitadoSelected.nombre}" />
 
                <h:outputText value="Mesa" />
                <h:outputText value="#{invitadosWebBean.invitadoSelected.mesa.nombreMesa}" />
 
                <h:outputText value="Menu" />
                <h:outputText value="#{invitadosWebBean.invitadoSelected.menu.nombre}" />
 
                <h:outputText value="Estado" />
                <h:outputText value="#{invitadosWebBean.invitadoSelected.estadoinvitado.nombreEstado}" />
                
						<h:outputLabel value="Estado invitado:" />
						<p:selectOneMenu id="comboEstadoInvitado1"
							converter="estadoInvitadoConverter"
							value="#{invitadosWebBean.estadoInvitadoSelected}" effect="fade" var="c"
							filter="true" filterMatchMode="startsWith">

							<f:selectItems var="car" value="#{invitadosWebBean.listaEstadosInvitados}"
								itemLabel="#{car.nombreEstado}" itemValue="#{car}" />
							<p:column>
								<h:outputText value="#{c.nombreEstado}" />
							</p:column>
						</p:selectOneMenu>
                                <p:commandButton id="ajax" process="@form" update=":#{p:component('tablaDT')}" value="Modificar" actionListener="#{invitadosWebBean.modificarInvitado}" oncomplete="PF('propDialog').hide()" onclick="PF('propDialog').close()" />
                    </p:panelGrid>
        </p:outputPanel>
    </p:dialog>	
			
					

			
			

		</h:form>
		
		<table style='table-layout:fixed' align="center">
			<tr>
				<td><p:fieldset legend="Elegí los mejores servicios"
						style="margin-bottom:20px">
						<h:panelGrid columns="1" cellpadding="5">
							<p:graphicImage url="/resources/imagenes/servicio_banner.jpg" />
							<h:outputText
								value="Encontrá una gran diversidad de los mejores proveedores de servicios para tu evento." />
						</h:panelGrid>
					</p:fieldset></td>
				<td><p:fieldset legend="Organizá tu evento"
						style="margin-bottom:20px">
						<h:panelGrid columns="1" cellpadding="5">
							<p:graphicImage url="/resources/imagenes/mievento_banner.jpg" />
							<h:outputText
								value="Planificá paso a paso tu evento, modificalo a tu medida, sin moverte de tu casa" />
						</h:panelGrid>
					</p:fieldset></td>
				<td><p:fieldset legend="Compartí tu experiencia"
						style="margin-bottom:20px">
						<h:panelGrid columns="1" cellpadding="5">
							<p:graphicImage url="/resources/imagenes/experiencia_banner.jpg" />
							<h:outputText
								value="Comentanos sobre tus dudas, tus inquietudes, tus expectativas, tu experiencia" />
						</h:panelGrid>
					</p:fieldset></td>
			</tr>
			
		</table>


	</ui:define>



</ui:composition>
